<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8" />
    <title>阿甲商城收藏夹</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/my_collect.css" />
  </head>
  <body>
    <div class="header">
      <div class="loading">
        <img src="http://www.codeboy.com:9999/img/loading.gif" />
      </div>
    </div>

    <div class="modal" style="display: none">
      <div class="modal_dialog">
        <div class="modal_header">删除提醒</div>
        <div class="modal_information">
          <img
            src="http://www.codeboy.com:9999/img/model/model_img2.png"
            alt=""
          />
          <span>确定删除您的这个宝贝吗？</span>
        </div>
        <div class="yes"><span>删除</span></div>
        <div class="no"><span>不删除</span></div>
      </div>
    </div>
    <div class="modalNo" style="display: none">
      <div class="modal_dialog">
        <div class="modal_header">
          删除提示
          <img
            src="http://www.codeboy.com:9999/img/model/model_img1.png"
            alt=""
            class="rt close"
          />
        </div>
        <div class="modal_information">
          <img
            src="http://www.codeboy.com:9999/img/model/model_img2.png"
            alt=""
          />
          <span>请选择商品</span>
        </div>
      </div>
    </div>

    <div class="modalAdd" style="display: none">
      <div class="modal_dialog">
        <div class="modal_header">
          添加提示
          <img
            src="http://www.codeboy.com:9999/img/model/model_img1.png"
            alt=""
            class="rt close"
          />
        </div>
        <div class="modal_information">
          <img
            src="http://www.codeboy.com:9999/img/model/model_img2.png"
            alt=""
          />
          <span>请选择商品</span>
        </div>
      </div>
    </div>

    <div class="big">
      <form name="" action="" method="post">
        <section id="section">
          <div id="title">
            <b>我收藏的商品</b>
          </div>
          <div id="box">
            <div class="imfor_top">
              <div class="manage">
                <span class="normal">管理收藏夹</span>
              </div>
              <div class="check_top">
                <div class="all">
                  <span class="normal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal.png"
                      alt="" /></span
                  >全选
                </div>
                <div class="del">删除</div>
                <div class="allAdd">加入购物车</div>
                <div class="sure" style="display: none">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                    alt=""
                  />
                  <span>已移入购物车</span>
                </div>
              </div>
              <div class="foot_qk">清空失效商品</div>
            </div>
            <div id="content_box">
              <div class="lf" id="d1">
                <div class="img">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_img1.png"
                    alt=""
                  />
                </div>
                <div class="describe">
                  <p>
                    DELL燃7000&nbsp;14.0英寸微边框(i5-7200u&nbsp;
                    8GB&nbsp;256GB&nbsp;SSD&nbsp;HD620&nbsp;Win10)银
                  </p>
                  <span class="price"
                    ><b>￥</b><span class="priceContent">4000.00</span></span
                  >
                  <span class="addCart">加入购物车</span>
                  <span class="succee" style="display: none">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                      alt=""
                    />
                    <span>已移入购物车</span>
                  </span>
                </div>
                <div class="mask" style="display: none">
                  <div class="maskNormal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal_big.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
              <div class="lf" id="d2">
                <div class="img">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_img2.png"
                    alt=""
                  />
                </div>
                <div class="describe">
                  <p>
                    DELL燃7000&nbsp;14.0英寸微边框(i5-7200u&nbsp;
                    8GB&nbsp;256GB&nbsp;SSD&nbsp;HD620&nbsp;Win10)银
                  </p>
                  <span class="price"
                    ><b>￥</b><span class="priceContent">4000.00</span></span
                  >
                  <span class="addCart">加入购物车</span>
                  <span class="succee" style="display: none">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                      alt=""
                    />
                    <span>已移入购物车</span>
                  </span>
                </div>
                <div class="mask" style="display: none">
                  <div class="maskNormal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal_big.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
              <div class="lf" id="d3">
                <div class="img">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_img3.png"
                    alt=""
                  />
                </div>
                <div class="describe">
                  <p>
                    DELL燃7000&nbsp;14.0英寸微边框(i5-7200u&nbsp;
                    8GB&nbsp;256GB&nbsp;SSD&nbsp;HD620&nbsp;Win10)银
                  </p>
                  <span class="price"
                    ><b>￥</b><span class="priceContent">4000.00</span></span
                  >
                  <span class="addCart">加入购物车</span>
                  <span class="succee" style="display: none">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                      alt=""
                    />
                    <span>已移入购物车</span>
                  </span>
                </div>
                <div class="mask" style="display: none">
                  <div class="maskNormal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal_big.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
              <div class="lf" id="d4">
                <div class="img">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_img4.png"
                    alt=""
                  />
                </div>
                <div class="describe">
                  <p>
                    DELL燃7000&nbsp;14.0英寸微边框(i5-7200u&nbsp;
                    8GB&nbsp;256GB&nbsp;SSD&nbsp;HD620&nbsp;Win10)银
                  </p>
                  <span class="price"
                    ><b>￥</b><span class="priceContent">4000.00</span></span
                  >
                  <span class="addCart">加入购物车</span>
                  <span class="succee" style="display: none">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                      alt=""
                    />
                    <span>已移入购物车</span>
                  </span>
                </div>
                <div class="mask" style="display: none">
                  <div class="maskNormal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal_big.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
              <div class="lf" id="d5">
                <div class="img">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_img5.png"
                    alt=""
                  />
                </div>
                <div class="describe">
                  <p>
                    DELL燃7000&nbsp;14.0英寸微边框(i5-7200u&nbsp;
                    8GB&nbsp;256GB&nbsp;SSD&nbsp;HD620&nbsp;Win10)银
                  </p>
                  <span class="price"
                    ><b>￥</b><span class="priceContent">4000.00</span></span
                  >
                  <span class="addCart">加入购物车</span>
                  <span class="succee" style="display: none">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                      alt=""
                    />
                    <span>已移入购物车</span>
                  </span>
                </div>
                <div class="mask" style="display: none">
                  <div class="maskNormal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal_big.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
              <div class="lf" id="d6">
                <div class="img">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_img6.png"
                    alt=""
                  />
                </div>
                <div class="describe">
                  <p>
                    DELL燃7000&nbsp;14.0英寸微边框(i5-7200u&nbsp;
                    8GB&nbsp;256GB&nbsp;SSD&nbsp;HD620&nbsp;Win10)银
                  </p>
                  <span class="price"
                    ><b>￥</b><span class="priceContent">4000.00</span></span
                  >
                  <span class="addCart">加入购物车</span>
                  <span class="succee" style="display: none">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                      alt=""
                    />
                    <span>已移入购物车</span>
                  </span>
                </div>
                <div class="mask" style="display: none">
                  <div class="maskNormal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal_big.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
            <div class="foot">
              <div class="manage">
                <span class="normal">管理收藏夹</span>
              </div>
              <div class="check_top">
                <div class="all">
                  <span class="normal">
                    <img
                      src="http://www.codeboy.com:9999/img/myCollect/product_normal.png"
                      alt="" /></span
                  >全选
                </div>
                <div class="del">删除</div>
                <div class="allAdd">加入购物车</div>
                <div class="sure" style="display: none">
                  <img
                    src="http://www.codeboy.com:9999/img/myCollect/product_true.png"
                    alt=""
                  />
                  <span>已移入购物车</span>
                </div>
              </div>
            </div>
          </div>
        </section>
      </form>
      <div class="none" style="display: none">
        <div class="none_content">
          <img
            src="http://www.codeboy.com:9999/img/model/model_img3.png"
            alt=""
            class="lf"
          />
          <p class="lf">您的收藏夹竟然还是空哒( ⊙ o ⊙ )</p>
          <span class="lf">赶快去收藏商品吧！</span>
          <a href="#" class="lf">去购物>></a>
        </div>
      </div>
    </div>

    <div class="footer">
      <div class="loading">
        <img src="http://www.codeboy.com:9999/img/loading.gif" />
      </div>
    </div>

    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/base.js"></script>
    <script src="js/collect.js"></script>
    <script>
      $(function () {
        if (!$(".imfor")) {
          $("#section").hide()
          $(".none").show()
        }
      })
      //搜索下拉
      $(".seek").focus(function () {
        if ($(this).hasClass("clickhover")) {
          $(this).removeClass("clickhover")
          $(this).find(".seek_content").hide()
          $(this).find("img").attr("src", "img/header/header_normal.png")
        } else {
          $(this).addClass("clickhover")
          $(this).find(".seek_content").show()
          $(this).find("img").attr("src", "img/header/header_true.png")
        }
      })
      $(".seek_content>div").click(function () {
        $(".seek").removeClass("clickhover")
        var text = $(this).html()
        $(".seek span").html(text)
        $(this).parent().hide()
        $(".seek").find("img").attr("src", "img/header/header_normal.png")
        $(".seek").blur()
      })

      $(".seek").blur(function () {
        $(".seek").removeClass("clickhover")
        $(".seek_content").hide()

        $(".seek").find("img").attr("src", "img/header/header_normal.png")
        console.log(1)
      })
      $(".care").hover(
        function () {
          $(this).attr("src", "img/header/care1.png")
        },
        function () {
          $(this).attr("src", "img/header/care.png")
        }
      )
      $(".order").hover(
        function () {
          $(this).attr("src", "img/header/order1.png")
        },
        function () {
          $(this).attr("src", "img/header/order.png")
        }
      )
      $(".shopcar").hover(
        function () {
          $(this).attr("src", "img/header/shop_car1.png")
        },
        function () {
          $(this).attr("src", "img/header/shop_car.png")
        }
      )
    </script>
  </body>
</html>
